<script lang="ts">
	import Header from '$lib/components/header/Header.svelte';
	import '$lib/styles/normalise.css';
	import '$lib/styles/index.scss';
	import 'virtual:windi.css';
	// import '../app.css';
</script>

<Header />

<main>
	<slot />
</main>

<footer class="foot">
	<a href="/" class="logo">LOGO</a>
	<div>
		&copy; 2020-{new Date().getFullYear()} 积果信息
	</div>
	<!-- <p> <a href="https://kit.svelte.dev">积果信息</a></p> -->
</footer>

<style lang="scss">
	main {
		flex: 1;
		display: flex;
		flex-direction: column;
		// padding: 1rem;
		// width: 100%;
		// max-width: 1024px;
		// margin: 0 auto;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 11vw 9vw 4vw;
	}
	// @media (min-width: 480px) {
	// 	footer {
	// 		padding: 40px 0;
	// 	}
	// }
</style>
